/*特效
.index_pro_1{float:left;}
.index_pro_2{float:left;}
.index_pro_3{float:left;}
.pro_cover1{width: 50%;float:left}
.pro_cover2{width: 50%;float:left}
.index_pro_1{width: 65%;margin: 1% 0.5% 1% 1%;}
.index_pro_2{width: 32%;margin: 1% 0.5% 0.5% 0.5%;}
.index_pro_3{width: 32%;margin: 0.5% 0.5% 1% 0.5%;}
.index_pro_1>img{width:100%;border:3px solid #009d85;}
.index_pro_2>img{width:100%;border:3px solid #009d85;}
.index_pro_3>img{width:100%;border:3px solid #009d85;}

*/
.pro_cover{padding:0 5px}
.pro_cover1{/*width: 33.33%*/;float:left}
.pro_cover2{float:left}
.pro_cover3{/*width: 33.5%*/;float:left}
.index_pro_1{overflow:hidden; position: relative; width:620px;height:624px;margin:10px 5px 10px 5px;    opacity: 0;transition:opacity 1s}
.index_pro_2{overflow:hidden; position: relative; width:305px;height:307px;float:right;margin:10px 10px 5px 0px;    opacity: 0;transition:opacity 1s}
.index_pro_3{overflow:hidden; position: relative; width:305px;height:307px;float:right;margin:5px 10px 10px 0px;    opacity: 0;transition:opacity 1s}
.index_pro_4{overflow:hidden; position: relative; width:305px;height:624px;float:right;margin:10px 5px 10px 0px;    opacity: 0;transition:opacity 1s}
.index_pro_5{overflow:hidden; position: relative; width:305px;height:307px;float:left;margin:10px 0px 5px 5px;    opacity: 0;transition:opacity 1s}
.index_pro_6{overflow:hidden; position: relative; width:305px;height:307px;float:left;margin:10px 0 5px 10px;    opacity: 0;transition:opacity 1s}
.index_pro_7{overflow:hidden; position: relative; width:620px;height:307px;float:left;margin:5px 0 10px 5px;    opacity: 0;transition:opacity 1s}
.op{opacity: 1;}

.index_pro_1>img{width:100%;transition: all .3s ease-out;}
.index_pro_2>img{width:100%;transition: all .3s ease-out;}
.index_pro_3>img{width:100%;transition: all .3s ease-out;}
.index_pro_4>img{width:100%;transition: all .3s ease-out;}
.index_pro_5>img{width:100%;transition: all .3s ease-out;}
.index_pro_6>img{width:100%;transition: all .3s ease-out;}
.index_pro_7>img{width:100%;transition: all .3s ease-out;}

.index_pro_1:hover>img{transform: scale(1.1);}
.index_pro_2:hover>img{transform: scale(1.1);}
.index_pro_3:hover>img{transform: scale(1.1);}
.index_pro_4:hover>img{transform: scale(1.1);}
.index_pro_5:hover>img{transform: scale(1.1);}
.index_pro_6:hover>img{transform: scale(1.1);}
.index_pro_7:hover>img{transform: scale(1.1);}

.pro_cover1:after,
.pro_cover2:after,
.pro_cover3:after
{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

.index_ani_left{
    position: absolute;
    width: 3px;
    height: 0%;
    bottom: 0;
    left: 0px;
    background: #009d85;
}

.index_ani_bottom{
    position: absolute;
    width: 0%;
    height: 3px;
    bottom: 0;
    right: 0px;
    background: #009d85;
}

.index_ani_right{
    position: absolute;
    width: 3px;
    height: 0%;
    top: 0;
    right: 0px;
    background: #009d85;
}



.index_ani_top{
    position: absolute;
    width: 0%;
    height: 3px;
    top: 0;
    left: 0px;
    background: #009d85;
}